<!DOCTYPE html>
<html lang="zh-cn"> 
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Favicons -->
    <link rel="shortcut icon" href="images/icon.png">
    <title> 德育学分管理系统 </title>

    <!-- CSS Bootstrap & Custom -->
    <link href="css/bootstrap.css" rel="stylesheet" media="screen">
    <link href="css/font-awesome.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="css/animate.css">
    <link href="css/reset.css" rel="stylesheet" media="screen">
    
    <!-- JavaScripts -->
    <script src="js/jquery-1.10.2.min.js"></script>
    
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    
</head>
<body>     
<!-- This one in here is responsive menu for tablet and mobiles -->
<div class="responsive-navigation visible-sm visible-xs">
    <a href="#" class="menu-toggle-btn">
        <i class="fa fa-bars fa-2x"></i>
    </a>
    <div class="responsive_menu">
        <ul class="main_menu">          
            <li><a href="index.html" ><i class="glyphicon glyphicon-home"></i> 首页</a></li>
            <li><a  href="cridetManage.html" ><i class="glyphicon glyphicon-user"></i> 学分管理</a></li>
            <li><a  href="#" ><i class="glyphicon glyphicon-briefcase"></i> 活动管理</a></li>
            <li><a  href="systemManage.html" ><i class="glyphicon glyphicon-cog"></i> 系统管理</a></li>
            <li><a  href="login.html" ><i class="glyphicon glyphicon-off"></i> 注销</a></li>
        </ul> <!-- /.main_menu -->
    </div> <!-- /.responsive_menu -->
</div> <!-- /responsive_navigation -->

<div class="main-content">
    <div class="container">
        <div class="row">
            <!-- Static Menu -->
            <div class="col-md-2 visible-md visible-lg">
                <div class="main_menu">
                    <ul class="menu">
                        <li><a href="index.html" ><i class="glyphicon glyphicon-home"></i> 首页</a></li>
                        <li><a href="cridetManage.html"><i class="glyphicon glyphicon-user"></i> 学分管理</a></li>
                        <li class="active"><a href="activeManage.html"><i class="glyphicon glyphicon-briefcase"></i> 活动管理</a></li>
                        <li><a href="systemManage.html"><i class="glyphicon glyphicon-cog"></i> 系统管理</a></li>                        
                    </ul>
                </div> <!-- /.main-menu -->
            </div> <!-- /.col-md-2 -->

            <!-- Begin Content -->
            <div class="col-md-9">
                <div class="row">
                    <div class="col-md-12">
                        <div class="templatemo_logo">
                            <a href="#">
                                <img src="images/templatemo_logo.png" alt="Genius">
                            </a> 
                            <span class="pull-right userinfo">
                                <a href="#">Yu YongLei</a>
                                <a href="modify password.html" title="修改密码"><span class="glyphicon glyphicon-edit"></span></a>
                                <a href="login.html" title="注销"><span class="glyphicon glyphicon-off"></span></a>
                            </span>
                        </div> <!-- /.logo -->
                    </div> <!-- /.col-md-12 -->
                </div> <!-- /.row -->

                <div id="menu-container">
                      <!--活动管理-->
                    <div  class="content our-gallery">
                        <div class="page-header">
                            <h2 class="page-title color-text">活动管理</h2>
                        </div> <!-- /.page-header -->
                        <div class="page-header">
                            <div class="row topmove">
                                <div class="col-md-12">
                                    <form class="form-horizontal" role="form">
                                        <div class="form-group">
                                            <label  class="col-sm-1 text-nowrap control-label text-left">活动类型:</label>
                                            <div class="col-sm-3">
                                                <input type="text" class="form-control" placeholder="输入活动类型">
                                            </div>
                                            <label class="col-sm-1 text-nowrap control-label">活动名称:</label>
                                            <div class="col-sm-3">
                                                <input type="text" class="form-control"  placeholder="输入活动名称">
                                            </div>
                                            <div class="col-sm-1">
                                                <button type="button" class="btn btn-theme form-control">查询</button>
                                            </div>
                                            <div class="col-sm-1">
                                                <button type="button" class="btn btn-theme form-control" data-toggle="modal" data-target=".bs-example-modal-lg-addactive">添加</button>
                                            </div>  
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="content-inner">
                           <div class="row">
                              <div class="col-md-12">
                                   <div class="table-responsive"><!--添加响应式表格-->
                                       <table class="table">
                                           <thead>
                                               <tr>
                                                   <th>ID</th>
                                                   <th>活动名称</th>
                                                   <th>所属类型</th>
                                                   <th>添加时间</th>
                                                   <th>分值</th>
                                                   <th>操作</th>
                                               </tr>
                                           </thead>
                                           <tbody>
                                               <tr>
                                                   <td>1</td>
                                                   <td>12.9大合唱</td>
                                                   <td>集体活动</td>
                                                   <td>2015-04-01 14:34:30</td>
                                                   <td>4</td>
                                                   <td><a href="#" data-toggle="modal" data-target=".bs-example-modal-lg-editactive">编辑</a><a href="#" data-toggle="modal" data-target=".bs-example-modal-lg-delete">删除</a><a href="#" data-toggle="modal" data-target=".bs-example-modal-lg-addstudent">添加学生</a></td>
                                               </tr>
                                               <tr>
                                                   <td>2</td>
                                                   <td>12.9大合唱</td>
                                                   <td>集体活动</td>
                                                   <td>2015-04-01 14:34:30</td>
                                                   <td>4</td>
                                                   <td><a href="#" data-toggle="modal" data-target=".bs-example-modal-lg-editactive">编辑</a><a href="#" data-toggle="modal" data-target=".bs-example-modal-lg-delete">删除</a><a href="#" data-toggle="modal" data-target=".bs-example-modal-lg-addstudent">添加学生</a></td>                                                           
                                               </tr>
                                               <tr>
                                                   <td>3</td>
                                                   <td>12.9大合唱</td>
                                                   <td>集体活动</td>
                                                   <td>2015-04-01 14:34:30</td>
                                                   <td>4</td>
                                                   <td><a href="#" data-toggle="modal" data-target=".bs-example-modal-lg-editactive">编辑</a><a href="#" data-toggle="modal" data-target=".bs-example-modal-lg-delete">删除</a><a href="#" data-toggle="modal" data-target=".bs-example-modal-lg-addstudent">添加学生</a></td>
                                               </tr>
                                               <tr>
                                                   <td>4</td>
                                                   <td>12.9大合唱</td>
                                                   <td>集体活动</td>
                                                   <td>2015-04-01 14:34:30</td>
                                                   <td>4</td>
                                                   <td><a href="#" data-toggle="modal" data-target=".bs-example-modal-lg-editactive">编辑</a><a href="#" data-toggle="modal" data-target=".bs-example-modal-lg-delete">删除</a><a href="#" data-toggle="modal" data-target=".bs-example-modal-lg-addstudent">添加学生</a></td>
                                               </tr>
                                           </tbody>
                                       </table>
                                   </div><!--/.table-responsive-->
                                   <!--分页 pagination-->
                                   <nav class="pull-right">
                                       <ul class="pagination">
                                           <li>
                                               <a href="#" aria-label="Previous">
                                                   <span aria-hidden="true">&laquo;</span>
                                               </a>
                                           </li>
                                           <li><a href="#">1</a></li>
                                           <li><a href="#">2</a></li>
                                           <li><a href="#">3</a></li>
                                           <li><a href="#">4</a></li>
                                           <li><a href="#">5</a></li>
                                           <li>
                                               <a href="#" aria-label="Next">
                                                   <span aria-hidden="true">&raquo;</span>
                                               </a>
                                           </li>
                                       </ul>
                                   </nav><!--/.分页 pagination-->
                                </div> <!-- /.col-md-12 -->

                                <div class="col-md-12">
                                 <!--Modal addactive 添加活动信息 -->
                                        <div class="modal fade bs-example-modal-lg-addactive" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                                          <div class="modal-dialog modal-lg">
                                            <div class="modal-content">
                                              <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                                <h4 class="modal-title" id="myModalLabel">添加活动信息</h4>
                                              </div>
                                              <div class="modal-body">
                                                <div class="container-fluid">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                             <form class="form-horizontal" role="form">
                                                                  <div class="form-group">
                                                                    <label  class="col-sm-1 text-nowrap control-label text-left">名称:</label>
                                                                    <div class="col-sm-3">
                                                                      <input type="text" class="form-control" placeholder="请输入活动名称">
                                                                    </div>
                                                                    <label class="col-sm-1 text-nowrap control-label">类型:</label>
                                                                    <div class="col-sm-3">
                                                                     <select class="form-control">
                                                                  <option>--请选择--</option>
                                                                  <option>基础类</option>
                                                                  <option>集体活动</option>
                                                                  <option>公益活动</option>   
                                                                  <option>竞赛类</option> 
                                                                  <option>其他</option> 
                                                              </select>
                                                                    </div>
                                                                     <label class="col-sm-1 text-nowrap control-label">分值:</label>
                                                                    <div class="col-sm-3">
                                                                      <input type="text" class="form-control"  placeholder="请输入分值">
                                                                    </div>
                                                                  </div>
                                                             </form>
                                                        </div>
                                                    </div>
                                                </div>
                                              </div>
                                              <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                                <button type="button" class="btn btn-theme">添加</button>
                                              </div>
                                            </div><!-- /.modal-content -->
                                          </div><!-- /.modal-dialog -->
                                        </div><!-- /.modal detail-->


                                    <!--Modal eidtactive 编辑活动信息 -->
                                        <div class="modal fade bs-example-modal-lg-editactive" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                                          <div class="modal-dialog modal-lg">
                                            <div class="modal-content">
                                              <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                                <h4 class="modal-title" id="myModalLabel">编辑活动信息</h4>
                                              </div>
                                              <div class="modal-body">
                                                <div class="container-fluid">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                             <form class="form-horizontal" role="form">
                                                                  <div class="form-group">
                                                                    <label  class="col-sm-1 text-nowrap control-label text-left">名称:</label>
                                                                    <div class="col-sm-3">
                                                                      <input type="text" class="form-control" value="12.9大合唱">
                                                                    </div>
                                                                    <label class="col-sm-1 text-nowrap control-label">类型:</label>
                                                                    <div class="col-sm-3">
                                                                      <input type="text" class="form-control"  value="集体活动">
                                                                    </div>
                                                                     <label class="col-sm-1 text-nowrap control-label">分值:</label>
                                                                    <div class="col-sm-3">
                                                                      <input type="text" class="form-control"  value="4">
                                                                    </div>
                                                                  </div>
                                                             </form>
                                                        </div>
                                                    </div>
                                                </div>
                                              </div>
                                              <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                                <button type="button" class="btn btn-theme">保存</button>
                                              </div>
                                            </div><!-- /.modal-content -->
                                          </div><!-- /.modal-dialog -->
                                        </div><!-- /.modal detail-->


                                     <!--Modal deleteactive 删除活动信息 -->
                                    <div class="modal fade bs-example-modal-lg-delete" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                                        <div class="modal-dialog modal-lg">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                                  <h4 class="modal-title" id="myModalLabel">删除活动信息</h4>
                                                </div>
                                                <div class="modal-body">
                                                  <div class="container-fluid">
                                                      <p class="color-text">确定删除本条活动吗？</p>
                                                  </div>
                                                </div>
                                                <div class="modal-footer">
                                                  <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                                  <button type="button" class="btn btn-theme">确定</button>
                                                </div>
                                            </div><!-- /.modal-content -->
                                        </div><!-- /.modal-dialog -->
                                    </div><!-- /.modal delete activity-->

                                     <!-- Modal 选择学生弹框-->
                                    <div class="modal fade bs-example-modal-lg-addstudent" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                                      <div class="modal-dialog modal-lg">
                                        <div class="modal-content">
                                          <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h4 class="modal-title" id="myModalLabel"><span class="normal-color">活动名称:</span> 12.9大合唱　 <span class="normal-color">分值:</span> 4</h4>
                                          </div>
                                          <div class="modal-body">
                                            <div class="container-fluid">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <form class="form-horizontal" role="form">
                                                          <div class="form-group">
                                                            <label  class="col-sm-1 text-nowrap control-label" >院系:</label>
                                                            <div class="col-sm-5">
                                                              <select class="form-control">
                                                                  <option>--请选择--</option>
                                                                  <option>计算机学院</option>
                                                                  <option>软件学院</option>
                                                                  <option>外语系</option>   
                                                              </select>
                                                            </div>
                                                            <label  class="col-sm-1 text-nowrap control-label" >班级:</label>
                                                            <div class="col-sm-5">
                                                              <select class="form-control">
                                                                  <option>--请选择--</option>
                                                                  <option>互联网11-3</option>
                                                                  <option>互联网11-4</option>
                                                                  <option>互联网11-2</option>
                                                                  <option>互联网11-1</option>
                                                                  <option>互联网12-1</option>
                                                                  <option>互联网12-2</option>
                                                                  <option>互联网13-1</option> 
                                                              </select>
                                                            </div>       
                                                          </div>
                                                        </form> 
                                                        <hr class="hr">
                                                    </div>

                                                    <div class="col-md-12">
                                                    <div class="table-responsive"><!--添加响应式表格-->
                                                      <table class="table">
                                                           <thead>
                                                               <tr>
                                                                   <th><input type="checkbox" name="checkbox"></th>
                                                                   <th>学号</th>
                                                                   <th>姓名</th>
                                                                   <th>专业班级</th>
                                                                   <th>性别</th>
                                                               </tr>
                                                           </thead>
                                                           <tbody>
                                                               <tr>
                                                                   <td><input type="checkbox" name="checkbox"></td>
                                                                   <td>541112010313</td>
                                                                   <td>Liu Zhe</td>
                                                                   <td>Internet 11-3</td>
                                                                   <td>men</td>
                                                               </tr>
                                                               <tr>
                                                                   <td><input type="checkbox" name="checkbox"></td>
                                                                   <td>541112010313</td>
                                                                   <td>Liu Zhe</td>
                                                                   <td>Internet 11-3</td>
                                                                   <td>men</td>
                                                                  
                                                               </tr>
                                                               <tr>
                                                                   <td><input type="checkbox" name="checkbox"></td>
                                                                   <td>541112010313</td>
                                                                   <td>Liu Zhe</td>
                                                                   <td>Internet 11-3</td>
                                                                   <td>men</td>
                                                               </tr>
                                                               <tr>
                                                                   <td><input type="checkbox" name="checkbox"></td>
                                                                   <td>541112010313</td>
                                                                   <td>Liu Zhe</td>
                                                                   <td>Internet 11-3</td>
                                                                   <td>men</td>
                                                               </tr>
                                                           </tbody>
                                                       </table>
                                                       </div>
                                                    </div>
                                                </div>
                                            </div>
                                          </div>
                                          <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                            <button type="button" class="btn btn-theme">保存</button>
                                          </div>
                                        </div><!-- /.modal-content -->
                                      </div><!-- /.modal-dialog -->
                                    </div><!-- /.modal 选择学生弹框-->
                                </div><!-- /.col-md-12 -->
                            </div><!-- /.row -->
                        </div> <!-- /.content-inner -->
                    </div> <!-- /.our-gallery -->
                </div> <!-- /.content-holder -->
            </div> <!-- /.col-md-10 -->
        </div> <!-- /.row -->
    </div> <!-- /.container -->
</div> <!-- /.main-content -->
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mixitup.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/jquery.lightbox.js"></script>
<script src="js/custom.js"></script>
</body>
</html>